import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import locale from 'element-plus/lib/locale/lang/zh-cn' //中文
import axios from 'axios'
// import { Edit } from '@element-plus/icons-vue'
import App from './App.vue'
import router from './router/index.js'  // 引入路由对象实例
import NProgress from 'nprogress'  // 导入NProgress进度条的包的对应的js和css
import 'nprogress/nprogress.css'
axios.defaults.baseURL = 'http://127.0.0.1:7001/api/' // 配置axios请求的根路径
// 通过 axios 请求拦截器添加 token，保证拥有获取数据的权限
// 在request拦截器中展示进度条 NProgress.start()
axios.interceptors.request.use(config => { // axios.interceptors.request请求拦截器, config为请求对象
    // console.log(config)
    NProgress.start()
    // config.headers.Authorization = window.sessionStorage.getItem('token') // 为请求头对象，添加 Token 验证的 Authorization 字段
    return config // 在最后必须return config
})
// 在response拦截器中隐藏进度条 NProgress.done()
axios.interceptors.response.use(config => {
    NProgress.done()
    return config
})

const app = createApp(App)
app.use(ElementPlus,{ locale })
app.use(router)  // 使用配置的路由

// // 全局注册：第一个参数传入的组件名即是之后调用时使用的组件名, 此处组件名格式参照的时官方文档中icon部分的用例格式
// app.component('edit', Edit)

app.mount('#app')
